<template>
<view>
		<view class="head">
			<navigator @click="gotoarrow" class="return-arrow">
				<image class="return-img" src="../../../../static/arrow.png"></image>
			</navigator>
			<view class="service-list">统计</view>
			<view style="border-bottom: 1px solid #ececec;height: 2rem;">
				<view class="all-date">日统计</view>
				<view class="all-date">月统计</view>
			</view>
		</view>
</view>
</template>

<script>
export default {
	methods:{
		gotoarrow(){
			this.$router.go(-1)
		}
	},
	data() {
		return {
			mainBars: [{
				"name": '日统计',
				"id": 1,
				"key":"hotal",
				//"iconPath": "static/hotal.png",
			}, {
				"name": '月统计',
				"id": 2,
				"key":"food",
				//"iconPath": "static/food.png",
			}]
		}
	}
}

</script>

<style>
	.all-date{
		width: 50%;
		float: left;
		font-size: 0.8rem; 
		margin-top: 0.4rem;
	}

	.head{
		width: 100%;
		height: 4.2rem;
		background-color: #ffffff;
		text-align: center;
		margin-bottom: 1rem;
	}
</style>
